
// 定义layui对象
const { layer } = layui;

$(function () {
    reqUserInfo();

    userLogout();
});


// 获取用户信息
function reqUserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        success(result) {
            const { status, data } = result;
            if (status === 0) {
                renderAvatar(data);
                return;
            }
            layui.layer.msg('获取用户信息失败');
        }
    })
}

// 渲染用户头像
function renderAvatar(user) {
    const { nickname, username, user_pic } = user;
    $('#welcome').html(`欢迎你：${nickname || username}`)
    if (user_pic) {
        $('.layui-nav-img').attr('src', user_pic).show();
        $('.text-avatar').hide();
        return;
    }
    $('.layui-nav-img').hide();
    $('.text-avatar').show();
}

// 用户退出
function userLogout() {
    $('#user-logout').click(() => {
        layer.confirm('确认退出吗 ?', { icon: 3, title: '退出登录' }, function (index) {
            localStorage.removeItem('token');
            window.location.href = '/login.html';
            layer.close(index);
        });
    })
}